<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    

    <title>GTD简介 | </title>
    <meta name="author" content="Gaius Yao">
    
    <meta name="description" content="Gaius Yao Blog">
    
    
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <meta property="og:title" content="GTD简介"/>
    <meta property="og:site_name" content="尧翔的个人博客"/>

    
    <meta property="og:image" content=""/>
    

    <link rel="icon" type="image/png" href="/favicon.png">
    <link rel="alternate" href="/atom.xml" title="尧翔的个人博客" type="application/atom+xml">
    <link rel="stylesheet" href="/css/lib/materialize.min.css">
    <link rel="stylesheet" href="/css/lib/font-awesome.min.css">
    <link rel="stylesheet" href="/css/style.css" media="screen" type="text/css">

    
        <link rel="stylesheet" href="/css/lib/prettify-tomorrow-night-eighties.css" type="text/css">
    
    <!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>


<body>
    <img src="/weixin_favicon.png" style="position: absolute; left: -9999px; opacity: 0; filter: alpha(opacity=0);">

    <nav class="blue">
    <div class="nav-wrapper">
        <a href="#" data-activates="main-menu" class="button-collapse">
            <i class="fa fa-navicon"></i>
        </a>
        <div class="">
            <a href="/" class="brand-logo hide-on-med-and-down">尧翔的个人博客</a>
            <ul class="right hide-on-med-and-down">
                
                    <li>
                        <a class="menu-home " href="/" >
                            <i class="fa fa-home "></i>
                            
                            首页
                        </a>
                    </li>
                
                    <li>
                        <a class="menu-archive " href="/archives" >
                            <i class="fa fa-archive "></i>
                            
                            归档
                        </a>
                    </li>
                
                    <li>
                        <a class="menu-category category-menu" href="javascript:;" data-activates="category-menu" >
                            <i class="fa fa-bookmark "></i>
                            
                            分类
                        </a>
                    </li>
                
                    <li>
                        <a class="menu-reading " href="/reading" >
                            <i class="fa fa-book "></i>
                            
                            读书
                        </a>
                    </li>
                
                    <li>
                        <a class="menu-about " href="/about" >
                            <i class="fa fa-user "></i>
                            
                            关于
                        </a>
                    </li>
                
                    <li>
                        <a class="menu-search modal-trigger " href="#search" >
                            <i class="fa fa-search "></i>
                            
                            搜索
                        </a>
                    </li>
                
            </ul>
            <div>
    <ul class="side-nav blue darken-1" id="main-menu">
        
        <li class="side-user">
            <div class="row">
                <div class="col s4 no-padding">
                    <img class="avatar-image circle responsive-img" src="http://oxv2o8wp9.bkt.clouddn.com/gaius.jpg" alt="User Avatar">
                </div>
                <div class="info col s8 valign-wrapper no-padding">
                    <div class="valign">
                        <p class="name">尧翔</p>
                        <p class="desc">PM, UXer, Huge Nerd</p>
                    </div>
                </div>
            </div>
        </li>
        

        
            <li class="no-padding">
                <a class="waves-effect menu-home " href="/" >
                    <i class="fa fa-home "></i>
                    
                    首页
                </a>
            </li>
        
            <li class="no-padding">
                <a class="waves-effect menu-archive " href="/archives" >
                    <i class="fa fa-archive "></i>
                    
                    归档
                </a>
            </li>
        
            <li class="no-padding">
                <a class="waves-effect menu-category category-menu" href="javascript:;" data-activates="category-menu" >
                    <i class="fa fa-bookmark "></i>
                    
                    分类
                </a>
            </li>
        
            <li class="no-padding">
                <a class="waves-effect menu-reading " href="/reading" >
                    <i class="fa fa-book "></i>
                    
                    读书
                </a>
            </li>
        
            <li class="no-padding">
                <a class="waves-effect menu-about " href="/about" >
                    <i class="fa fa-user "></i>
                    
                    关于
                </a>
            </li>
        
            <li class="no-padding">
                <a class="waves-effect menu-search modal-trigger " href="#search" >
                    <i class="fa fa-search "></i>
                    
                    搜索
                </a>
            </li>
        
    </ul>

    <ul class="side-nav blue darken-1" id="category-menu">
    

            

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/categories/项目介绍/">
                    项目介绍 <span class="right">2 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/categories/项目介绍/Gaius-Blog/">
                    Gaius-Blog <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/categories/项目介绍/Gaius-Things-Done/">
                    Gaius-Things-Done <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-2" collapse-level="2">
                <a class="no-padding" href="/categories/项目介绍/Gaius-Things-Done/GTD笔记/">
                    GTD笔记 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-0" collapse-level="0">
                <a class="no-padding" href="/categories/代码之路/">
                    代码之路 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-1" collapse-level="1">
                <a class="no-padding" href="/categories/代码之路/微小的教程/">
                    微小的教程 <span class="right">1 篇</span></a>
                </a>
            </li>

        

            <li class="collapse-level-2" collapse-level="2">
                <a class="no-padding" href="/categories/代码之路/微小的教程/Hexo/">
                    Hexo <span class="right">1 篇</span></a>
                </a>
            </li>

        

    </ul>
</div>

        </div>
    </div>
</nav>

<div id="search" class="modal search-modal">
    <div class="row">
        <div class="input-field col s12">
              <input id="search-input" type="text">
              <label for="search-input">搜索</label>
        </div>

    </div>
    <div id="search-result" class="search-result col s12">

    </div>
</div>


    <main>
        <div class="container main-container">
    <nav class="page-nav hide-on-small-only">
    <div class="nav-wrapper blue">
        <span class="breadcrumb">当前位置（分类目录）</span>
        
            
    
    
    <a class="breadcrumb" href="/categories/项目介绍/">项目介绍</a><a class="breadcrumb" href="/categories/项目介绍/Gaius-Things-Done/">Gaius Things Done</a><a class="breadcrumb" href="/categories/项目介绍/Gaius-Things-Done/GTD笔记/">GTD笔记</a>


        

        
    </div>
</nav>

<article>
    <div class="card">
        <div class="card-content">
            

            <div class="article-title">
                
    
        <h1>GTD简介</h1>
    


            </div>
            <time class="deep-orange-link-context" datetime="2017-10-20T16:00:00.000Z"><a href="/2017/10/21/gtd-intro/">2017-10-21</a></time>

            <span id="busuanzi_container_page_pv" class="read-times-container">
    <i class="fa fa-eye"></i>
    <span id="busuanzi_value_page_pv"></span>
</span>

            
    <div class="tags-row">
        
            <a href="/tags/D-B/" class="chip deep-orange lighten-1">D&amp;B</a>
        
            <a href="/tags/GTD/" class="chip deep-orange lighten-1">GTD</a>
        
    </div>


            <div class="toc deep-orange-link-context hide-on-med-and-down">
    <ol class="section table-of-contents"><li class="section table-of-contents-item section table-of-contents-level-2"><a class="section table-of-contents-link" href="#（一）五步开始GTD"><span class="section table-of-contents-text">（一）五步开始GTD</span></a><ol class="section table-of-contents-child"><li class="section table-of-contents-item section table-of-contents-level-3"><a class="section table-of-contents-link" href="#1-1-收集"><span class="section table-of-contents-text">1.1 收集</span></a></li><li class="section table-of-contents-item section table-of-contents-level-3"><a class="section table-of-contents-link" href="#1-2-处理"><span class="section table-of-contents-text">1.2 处理</span></a></li><li class="section table-of-contents-item section table-of-contents-level-3"><a class="section table-of-contents-link" href="#1-3-组织"><span class="section table-of-contents-text">1.3 组织</span></a></li><li class="section table-of-contents-item section table-of-contents-level-3"><a class="section table-of-contents-link" href="#1-4-复盘"><span class="section table-of-contents-text">1.4 复盘</span></a></li><li class="section table-of-contents-item section table-of-contents-level-3"><a class="section table-of-contents-link" href="#1-5-执行"><span class="section table-of-contents-text">1.5 执行</span></a></li></ol></li><li class="section table-of-contents-item section table-of-contents-level-2"><a class="section table-of-contents-link" href="#（二）图解GTD流程"><span class="section table-of-contents-text">（二）图解GTD流程</span></a></li><li class="section table-of-contents-item section table-of-contents-level-2"><a class="section table-of-contents-link" href="#（三）番茄工作法"><span class="section table-of-contents-text">（三）番茄工作法</span></a><ol class="section table-of-contents-child"><li class="section table-of-contents-item section table-of-contents-level-3"><a class="section table-of-contents-link" href="#3-1-GTD与番茄工作法"><span class="section table-of-contents-text">3.1 GTD与番茄工作法</span></a></li><li class="section table-of-contents-item section table-of-contents-level-3"><a class="section table-of-contents-link" href="#3-2-番茄工作法简介"><span class="section table-of-contents-text">3.2 番茄工作法简介</span></a></li><li class="section table-of-contents-item section table-of-contents-level-3"><a class="section table-of-contents-link" href="#3-3-番茄工作法的步骤"><span class="section table-of-contents-text">3.3 番茄工作法的步骤</span></a><ol class="section table-of-contents-child"><li class="section table-of-contents-item section table-of-contents-level-4"><a class="section table-of-contents-link" href="#3-3-1-制作任务清单"><span class="section table-of-contents-text">3.3.1 制作任务清单</span></a></li><li class="section table-of-contents-item section table-of-contents-level-4"><a class="section table-of-contents-link" href="#3-3-2-专注于任务"><span class="section table-of-contents-text">3.3.2 专注于任务</span></a></li><li class="section table-of-contents-item section table-of-contents-level-4"><a class="section table-of-contents-link" href="#3-3-3-填写任务清单"><span class="section table-of-contents-text">3.3.3 填写任务清单</span></a></li><li class="section table-of-contents-item section table-of-contents-level-4"><a class="section table-of-contents-link" href="#3-3-4-放轻松"><span class="section table-of-contents-text">3.3.4 放轻松</span></a></li><li class="section table-of-contents-item section table-of-contents-level-4"><a class="section table-of-contents-link" href="#3-3-5-下一个流程"><span class="section table-of-contents-text">3.3.5 下一个流程</span></a></li></ol></li></ol></li><li class="section table-of-contents-item section table-of-contents-level-2"><a class="section table-of-contents-link" href="#（四）结语"><span class="section table-of-contents-text">（四）结语</span></a></li></ol>
</div>


            <div class="entry deep-orange-link-context">
                <p>  GTD（<a href="http://gettingthingsdone.com/" target="_blank" rel="external">Getting Things Done</a>）是一套出色的时间管理系统，其核心理念是以下这段话：</p>
<blockquote>
<p>“把所有事情都从你的脑袋里弄出来。在事情出现就做好相关行动的一系列决定，而不是在事情爆发的时候。以合适的类别组织好你的项目的各种提醒以及下一步行动。保持你的系统更新和完整，及时进行回顾，使你在任何时候都能信任你的系统和对任务的处理。”</p>
</blockquote>
<p>  可以概括为：<strong>通过记录的方式将各种事情从脑海中移出，将其处理、组织后执行并及时复盘。</strong><br>  GTD说起来复杂，却也简单，只有五个核心步骤：收集、处理、组织、复盘、执行。</p>
<h2 id="（一）五步开始GTD"><a href="#（一）五步开始GTD" class="headerlink" title="（一）五步开始GTD"></a>（一）五步开始GTD</h2><h3 id="1-1-收集"><a href="#1-1-收集" class="headerlink" title="1.1 收集"></a>1.1 收集</h3><p>  把任何需要跟踪、记住、要做的事情全部从大脑中清理出来，放入“收集箱”中。这个“收集箱”可以是笔记本、录音设备、电子文档等可以记录的工具，但首先，每天花上十几分钟，把在你脑中所有的信息、任务、灵感，通通用记录的方式移出，以免内存溢出。在彻底将自己的大脑“清空”后，要对“收集箱”中的信息进行处理。</p>
<h3 id="1-2-处理"><a href="#1-2-处理" class="headerlink" title="1.2 处理"></a>1.2 处理</h3><p>  对“收集箱”中的信息进行处理，并承诺每周至少处理一次“收集箱”，保证“收集箱”里的信息不会堆积如山。<br>  处理工作要遵循下列原则：</p>
<ul>
<li>从第一条信息开始处理；</li>
<li>每次只处理一条信息；</li>
<li>将“收集箱”全部清空；</li>
<li>对于需要执行的项：<ul>
<li>如果少于两分钟，马上去做（两分钟法则）；</li>
<li>将重要、紧急的事优先处理，但记住，重要、不紧急的对于长期来说更关键；</li>
<li>交由他人完成；</li>
<li>列入计划内，或延期完成。</li>
</ul>
</li>
<li>否则：<ul>
<li>将其存档以方便查询；</li>
<li>为它定义合适的目标与情境，以便下一步执行；</li>
<li>打包送入垃圾桶。</li>
</ul>
</li>
</ul>
<h3 id="1-3-组织"><a href="#1-3-组织" class="headerlink" title="1.3 组织"></a>1.3 组织</h3><p>  将处理后的记录进行组织，分到下列四种集合中：</p>
<ul>
<li><strong>下一步行动（Next actions）：</strong>可以实际采取的下一步行动，其定义和情景应尽可能清晰；</li>
<li><strong>项目（Projects）：</strong>需要大于一个实际的行动才能达到目的的事就是一个“项目”，使用跟踪以及周期性的回顾来确保每个项目都有一个下一步的行动进行下去；</li>
<li><strong>等待完成（Waiting for）：</strong>指派给他人完成的事项，需要进行持续跟踪和定期检查；</li>
<li><strong>将来/可能（Someday/Maybe）：</strong>需要在某种条件、某个时间点下去完成，但不是现在。</li>
</ul>
<h3 id="1-4-复盘"><a href="#1-4-复盘" class="headerlink" title="1.4 复盘"></a>1.4 复盘</h3><p>  一般这一步会被译成回顾，但笔者更喜欢将其称为复盘，这是因为复盘是为了更好地总结这次的问题，以便之后不断加以改进。要做好复盘这步，需要达到以下三点：</p>
<ul>
<li>保持记录的习惯，记录每日、每周事项的完成情况，和未完成原因；</li>
<li>在每日、每周、每月结尾的时候对当日、当周、当月的完成情况进行回顾和总结；</li>
<li>根据实际情况持续调整改进系统，以使其更符合自身情况和不断发展着的变化。</li>
</ul>
<h3 id="1-5-执行"><a href="#1-5-执行" class="headerlink" title="1.5 执行"></a>1.5 执行</h3><p>  最后，也是最关键的，去执行吧！否则前面做的一切都是无用功。换句话说，前面的工作都是为了让你在执行的过程中，能更加简单、高效，不会在各种各样的事情中迷失方向。当然了，具体执行的时候，需要一些方法和技巧：</p>
<ul>
<li>集中注意力，拒绝干扰，包括微信、微博、蛤乎、邮件等一切能干扰你的东西；</li>
<li>对决定好的事情，坚决执行，绝不拖延；</li>
<li>采用番茄工作法（详见（三）番茄工作法）；</li>
<li>避免多任务，保持单进程，即是说一个时间段只专注于处理一件事，这一点很重要。</li>
</ul>
<blockquote>
<p>“因为我当时是看书还是谁跟我讲了一句很智慧的话，说你手里攥着千头万绪，工作是千头万绪，攥着一千个线头，但是一次针眼只能穿过一条线。”</p>
</blockquote>
<h2 id="（二）图解GTD流程"><a href="#（二）图解GTD流程" class="headerlink" title="（二）图解GTD流程"></a>（二）图解GTD流程</h2><p><img src="http://oxv2o8wp9.bkt.clouddn.com/GTD.png" alt="图解GTD流程"></p>
<h2 id="（三）番茄工作法"><a href="#（三）番茄工作法" class="headerlink" title="（三）番茄工作法"></a>（三）番茄工作法</h2><h3 id="3-1-GTD与番茄工作法"><a href="#3-1-GTD与番茄工作法" class="headerlink" title="3.1 GTD与番茄工作法"></a>3.1 GTD与番茄工作法</h3><p>  GTD作为一套时间管理系统，在具体执行上有一定的难度，如果没有一定自我控制能力和较好的时间管理方法，是很难在实践中运用好GTD的。因此，需要一套更易于实践的时间管理方法，以支持GTD在微观层面上的执行，比如<strong>番茄工作法</strong>。</p>
<h3 id="3-2-番茄工作法简介"><a href="#3-2-番茄工作法简介" class="headerlink" title="3.2 番茄工作法简介"></a>3.2 番茄工作法简介</h3><p>  番茄工作法（<a href="https://en.wikipedia.org/wiki/Pomodoro_Technique" target="_blank" rel="external">Pomodoro</a>）是一种简单易行的时间管理方法，由Francesco Cirillo创立。使用番茄工作法，必须要有一个番茄钟，可以选择在某宝上购买实体的，也可以用web或App上的，例如<a href="https://tomato-timer.com/" target="_blank" rel="external">tomato-timer</a>，一般一个番茄钟的时间为25分钟（也可以更长）。<br>  另外，番茄不仅能用在工作/学习中，也可以用在休闲娱乐的时候，例如玩游戏或者看剧的时候，每隔25分钟就休息一下。  </p>
<h3 id="3-3-番茄工作法的步骤"><a href="#3-3-番茄工作法的步骤" class="headerlink" title="3.3 番茄工作法的步骤"></a>3.3 番茄工作法的步骤</h3><h4 id="3-3-1-制作任务清单"><a href="#3-3-1-制作任务清单" class="headerlink" title="3.3.1 制作任务清单"></a>3.3.1 制作任务清单</h4><p>  番茄工作法首先要制订当日的任务清单（也就是当日Todo List），将当天要完成的事情列下来，并分解为若干个番茄。其中，超过4个番茄的任务要分解（个人习惯，可设为超过7个），不足1个的和其他零碎任务组合，直到变为一个完整的番茄。</p>
<h4 id="3-3-2-专注于任务"><a href="#3-3-2-专注于任务" class="headerlink" title="3.3.2 专注于任务"></a>3.3.2 专注于任务</h4><p>  从任务清单上选择一个待完成的任务，然后开始你的任务，中途不允许被任何与该任务无关的事所打扰，直到番茄时钟响起，然后可以获得一个5分钟的短休息，在四个番茄种后可以获得一个15分钟的长休息奖励。过程中的任何事务性干扰应被记录下来，待番茄钟结束后再去解决。<br><em>// 如受某些不可抗力影响，番茄钟被打断，则需重新开始</em></p>
<h4 id="3-3-3-填写任务清单"><a href="#3-3-3-填写任务清单" class="headerlink" title="3.3.3 填写任务清单"></a>3.3.3 填写任务清单</h4><p>  在番茄钟结束后，要在完成的任务后打勾，并记录下完成情况。</p>
<h4 id="3-3-4-放轻松"><a href="#3-3-4-放轻松" class="headerlink" title="3.3.4 放轻松"></a>3.3.4 放轻松</h4><p>  在番茄钟间隔的短休息和长休息中，要好好地放轻松，可以浏览网页、回复信息，总之就是好好调整状态。</p>
<h4 id="3-3-5-下一个流程"><a href="#3-3-5-下一个流程" class="headerlink" title="3.3.5 下一个流程"></a>3.3.5 下一个流程</h4><p>  结束休息后，应立即、马上地转换状态，投入到下一个流程中。</p>
<h2 id="（四）结语"><a href="#（四）结语" class="headerlink" title="（四）结语"></a>（四）结语</h2><p>  GTD是一套行之有效且需持续实践的系统，需要结合自身情况和不断变化着的实际，对GTD进行不断的迭代，使其成为一个更加可靠、可信赖的系统。在这个过程中，工具的角色虽不是决定性的，但也十分重要。因此笔者拟在完成个人博客的第二期建设后，集中精力开发一款GTD工具（结合番茄工作法），这篇博文就作为该项目的一个开端吧！</p>

                


<p class="deep-orange-link-context">
    <a href="/2017/10/20/gaius-blog-history/" rel="next" title="个人博客的迭代历程">
    下一篇：个人博客的迭代历程
  </a>
</p>


            </div>
			
        </div>
    </div>
</article>






</div>

        <div class="fixed-action-btn float-sitemap">
    <a class="btn-floating btn-large deep-orange">
      <i class="fa fa-caret-square-o-up"></i>
    </a>
    <ul>
      <li><a class="btn-return-top btn-floating waves-effect cyan" title="回到顶部"><i class="fa fa-arrow-circle-o-up"></i></a></li>
      <li><a class="btn-floating waves-effect button-collapse orange darken-1"  data-activates="main-menu" title="菜单"><i class="fa fa-navicon"></i></a></li>
    </ul>
  </div>

    </main>
    <footer class="page-footer blue darken-1">
    
    <div class="footer-container container">
        <div class="row">
            
            <div class="social-group col m8 s12">
                <h5 class="white-text">社交</h5>
                
                    <a class="social-link" href="https://github.com/gaiusyao" target="_blank">
                        <i class="fa fa-2x fa-github"></i>
                    </a>
                
                    <a class="social-link" href="https://codepen.io/gaiusyao/" target="_blank">
                        <i class="fa fa-2x fa-codepen"></i>
                    </a>
                
                    <a class="social-link" href="/atom.xml" target="_blank">
                        <i class="fa fa-2x fa-rss"></i>
                    </a>
                
                <!--

    <script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
    </script>
    <div class="site-visitors-container white-text">
        <span>
            <i class="fa fa-user"></i>
            <span class="busuanzi-value" id="busuanzi_value_site_uv"></span>
        </span>
        <span>&nbsp;|&nbsp;</span>
        <span>
            <i class="fa fa-eye"></i>
            <span class="busuanzi-value" id="busuanzi_value_site_pv"></span>
        </span>
    </div>

-->

            </div>
            

            
            <div class="col m4 s12">
                <h5 class="white-text">友情链接</h5>
                
                    <a class="social-link" href="https://william8188.github.io/" target="_blank">李梓峰的技术博客</a>
                
            </div>
            
        </div>
    </div>
    

    <div class="footer-copyright deep-orange-link-context">
        <div class="container">
            © 2017 Gaius-Yao, All rights reserved.
            <p class="right" style="margin-top: 0;">Blog powered by <a href="https://hexo.io">Hexo</a> | Theme <a href="https://github.com/raytaylorlin/hexo-theme-raytaylorism">raytaylorism</a></p>
        </div>
    </div>
</footer>


    <noscript>
    <div class="noscript">
        <p class="center-align">当前网速较慢或者你使用的浏览器不支持博客特定功能，请尝试刷新或换用Chrome、Firefox等现代浏览器</p>
    </div>
</noscript>
<div class="noscript">
    <p class="center-align">当前网速较慢或者你使用的浏览器不支持博客特定功能，请尝试刷新或换用Chrome、Firefox等现代浏览器</p>
</div>


<script src="/js/jquery.min.js"></script>
<script src="/js/materialize.min.js"></script>

<script>
    (function($) {
        $(document).ready(function() {
            // 隐藏禁用javascript（针对微信内置浏览器）的提示
            $('.noscript').hide();

            // 图片缩放效果
            var $imgs = $('img').not('.slider-image').not('.avatar-image').not('.carousel-image').not('.card-cover-image').not('.qrcode');

            // 给图片加上点击放大效果（materialbox插件）
            $imgs.addClass('materialboxed').each(function(i, el) {
                $(this).attr('data-caption', $(this).attr('alt') || ' ');
            }).materialbox();

            // 优化表格的显示
            $('table').each(function() {
                var $table = $(this);
                // 除去多行代码的情况
                if ($table.find('pre').length == 0) {
                    $table.addClass('responsive-table striped bordered');
                }
            });

            // 首页幻灯片
            $('.slider').slider({indicators: true, full_width: true, interval: 8000});

            $(".button-collapse").sideNav();
            $(".category-menu").sideNav();

            // 针对gallery post
            $('.carousel').carousel({full_width: true});
            $('.carousel-control.prev').click(function() {
                $('.carousel').carousel('prev');
            });
            $('.carousel-control.next').click(function() {
                $('.carousel').carousel('next');
            });

            // 文章目录
            $('article').not('.simple-article').find('h1').add('h2').add('h3').add('h4').add('h5').add('h6').scrollSpy();

            // 目录随屏幕滚动（防止目录过长越过footer）
            var $toc = $('.toc');
            var scrollTargetTop = 0;
            $(window).scroll(function() {
                var $activeLink = $toc.find('a.active.section');
                if ($(window).scrollTop() < 100) {
                    scrollTargetTop = 0;
                } else {
                    if ($activeLink[0]) {
                        scrollTargetTop = $activeLink.offset().top - $toc.offset().top;
                    }
                }
                $toc.css('top', '-' + scrollTargetTop + 'px');
            });

            // 修正文章目录的left-border颜色
            var color = $('.table-of-contents-text').css('color');
            $('.table-of-contents-link').css('border-left-color', color);

            // 针对移动端做的优化：FAB按钮点击一下收回
            if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
                $('.fixed-action-btn').addClass('click-to-toggle');
            }
            // 回到顶部
            $('.btn-return-top').click(function() {
                $('body, html').animate({
                    scrollTop: 0
                }, 500);
            });

            // 重置读书页面的Tab标签页的颜色
            $('li.tab a').hover(function() {
                $(this).toggleClass('text-lighten-4');
            });
            $('.indicator').addClass('deep-orange lighten-2');

            
            // 添加new标签
            $('.menu-search').append('<span class="new badge deep-orange"></span>');
            

            // 搜索功能
            $('.modal-trigger').leanModal({
                // 打开搜索框时自动聚焦
                ready: function() {
                    if ($('#search').is(":visible")) {
                        $('#search-input').focus();
                    }
                }
            });
            var searchXml = "search.xml";
            if (searchXml.length == 0) {
             	searchXml = "search.xml";
            }
            var searchPath = "/" + searchXml;
            initSearch(searchPath, 'search-input', 'search-result');
        });

        // 初始化搜索与匹配函数
        var initSearch = function(path, search_id, content_id) {
            'use strict';
            $.ajax({
                url: path,
                dataType: "xml",
                success: function(xmlResponse) {
                    // get the contents from search data
                    var datas = $("entry", xmlResponse).map(function() {
                        return {
                            title: $("title", this).text(),
                            content: $("content", this).text(),
                            url: $("url", this).text()
                        };
                    }).get();
                    var $input = document.getElementById(search_id);
                    var $resultContent = document.getElementById(content_id);
                    $input.addEventListener('input', function() {
                        var str = '<ul class=\"search-result-list\">';
                        var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
                        $resultContent.innerHTML = "";
                        if (this.value.trim().length <= 0) {
                            return;
                        }
                        // perform local searching
                        datas.forEach(function(data) {
                            var isMatch = true;
                            var content_index = [];
                            var data_title = data.title.trim().toLowerCase();
                            var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase();
                            var data_url = data.url;
                            var index_title = -1;
                            var index_content = -1;
                            var first_occur = -1;
                            // only match artiles with not empty titles and contents
                            if (data_title != '' && data_content != '') {
                                keywords.forEach(function(keyword, i) {
                                    index_title = data_title.indexOf(keyword);
                                    index_content = data_content.indexOf(keyword);
                                    if (index_title < 0 && index_content < 0) {
                                        isMatch = false;
                                    } else {
                                        if (index_content < 0) {
                                            index_content = 0;
                                        }
                                        if (i == 0) {
                                            first_occur = index_content;
                                        }
                                    }
                                });
                            }
                            // show search results
                            if (isMatch) {
                                keywords.forEach(function(keyword) {
                                    var regS = new RegExp(keyword, "gi");
                                    data_title = data_title.replace(regS, "<span class=\"search-keyword deep-orange lighten-2\">" + keyword + "</span>");
                                });

                                str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>";
                                var content = data.content.trim().replace(/<[^>]+>/g, "");
                                if (first_occur >= 0) {
                                    // cut out 100 characters
                                    var start = first_occur - 20;
                                    var end = first_occur + 80;
                                    if (start < 0) {
                                        start = 0;
                                    }
                                    if (start == 0) {
                                        end = 100;
                                    }
                                    if (end > content.length) {
                                        end = content.length;
                                    }
                                    var match_content = content.substring(start, end);
                                    // highlight all keywords
                                    keywords.forEach(function(keyword) {
                                        var regS = new RegExp(keyword, "gi");
                                        match_content = match_content.replace(regS, "<span class=\"search-keyword deep-orange lighten-2\">" + keyword + "</span>");
                                    });

                                    str += "<p class=\"search-result\">..." + match_content + "...</p>"
                                }
                                str += "</li>";
                            }
                        });
                        str += "</ul>";
                        $resultContent.innerHTML = str;
                    });
                }
            });
        }
    })(jQuery);
</script>


<script src="/js/prettify.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("pre").addClass("prettyprint");
        prettyPrint();
    });
</script>




<script type="text/javascript" src="http://tajs.qq.com/stats?sId=63863615" charset="UTF-8"></script>



<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script type="text/javascript" async
  src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>



</body>
</html>
